.marginR54 {
  margin-right: 39px;
}

.marginT20 {
  margin-top: 14px;
}

.marginT40 {
  margin-top: 29px;
}

.logindialog {
  display: flex;
  justify-content: center;
}

.logindialog .el-dialog {
  width: 440px;
  height: 533px;
  background: #ffffff;
  border-radius: 8px;
  backdrop-filter: blur(0);
}

.logindialog .el-dialog__header {
  padding: 0;
}

.logindialog .el-dialog__body {
  padding: 0px;
  display: flex;
  justify-content: center;
}

.logindialog .cardcontent .card {
  padding: 29px 0px;
  text-align: left;
  width: 315px;
}

.logindialog .cardcontent .card .title {
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 31px;
  letter-spacing: 1px;
}

.logindialog .cardcontent .card .loginway {
  margin-top: 39px;
}

.logindialog .cardcontent .card .loginway .waytab {
  display: flex;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 20px;
}

.logindialog .cardcontent .card .loginway .waytab .tabselectitem {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #333333;
  cursor: pointer;
}

.logindialog .cardcontent .card .loginway .waytab .tabselectitem .line {
  width: 29px;
  height: 2px;
  background: #1a5ac3;
  margin-top: 5px;
}

.logindialog .cardcontent .card .loginway .waytab .tabitem {
  cursor: pointer;
  color: #999999;
}

.logindialog .cardcontent .card .loginway .waytab .tabitem .noline {
  width: 29px;
  height: 2px;
}

.logindialog .cardcontent .card .loginway .accountway {
  margin-top: 29px;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .inputbox .txt {
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 16px;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .inputbox .inputcontent {
  background: #f5f7fd;
  border-radius: 1px;
  padding: 8px;
}

.logincard .card .loginway .accountway .formbox .inputbox .selectcontent {
  padding: 0px;
}
.logincard .card .loginway .accountway .formbox .inputbox .selectcontent .el-select  {
  width: 100%;
}
.logincard .card .loginway .accountway .formbox .inputbox .selectcontent .el-input__inner{
  height: 34px;
  line-height: 34px;
}
.logindialog .cardcontent .card .loginway .accountway .formbox .inputbox .inputcontent input {
  width: 100%;
  border: none;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  background-color: transparent;
  outline: none;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .verbox .txt {
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 16px;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .verbox .vercontent {
  display: flex;
  justify-content: space-between;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .verbox .vercontent .inputver {
  max-width: 207px;
  background: #f5f7fd;
  border-radius: 1px;
  padding: 8px;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .verbox .vercontent .inputver input {
  width: 199px;
  border: none;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  background-color: transparent;
  outline: none;
}

.logindialog .cardcontent .card .loginway .accountway .formbox .verbox .vercontent .vercode {
  width: 74px;
  height: 34px;
  background: #f5f7fd;
  border-radius: 1px;
  color: #403fff;
  line-height: 34px;
  text-align: center;
}

.logindialog .cardcontent .card .loginway .accountway .status {
  display: flex;
  justify-content: space-between;
}

.logindialog .cardcontent .card .loginway .accountway .status .loginstatus .el-checkbox__label {
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.logindialog .cardcontent .card .loginway .accountway .status .forget {
  width: 94px;
  display: flex;
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 17px;
  align-items: center;
  justify-content: space-between;
}

.logindialog .cardcontent .card .loginway .accountway .status .forget .pwdbtn {
  color: #999999;
  cursor: pointer;
}

.logindialog .cardcontent .card .loginway .accountway .status .forget .line {
  width: 0px;
  height: 8px;
  border: 0px solid #cccccc;
}

.logindialog .cardcontent .card .loginway .accountway .status .forget .regbtn {
  color: #1a5ac3;
  cursor: pointer;
}

.logindialog .cardcontent .card .loginway .accountway .loginbtn {
  width: 315px;
  height: 38px;
  background: #1a5ac3;
  border-radius: 1px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}

.logindialog .cardcontent .card .loginway .accountway .backlogin {
  cursor: pointer;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.logindialog .cardcontent .card .codeway {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logindialog .cardcontent .card .codeway .codeimg {
  width: 237px;
  height: 237px;
}

.logindialog .cardcontent .card .codeway .agress .el-checkbox__label {
  font-size: 11px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 17px;
}

.logindialog .cardcontent .card .codeway .bottombox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 88px;
}

.logindialog .cardcontent .card .codeway .bottombox .loginbtn {
  color: #999999;
  cursor: pointer;
}

.logindialog .cardcontent .card .codeway .bottombox .line {
  width: 0px;
  height: 8px;
  border: 0px solid #cccccc;
}

.logindialog .cardcontent .card .codeway .bottombox .regbtn {
  color: #1a5ac3;
  cursor: pointer;
}